// pages/forum/forum.js
import {getPosts} from "../../api/user"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    postsList:[],
    loading:true,
    leftList:[],
    rightList:[],
    leftHight:0,
    rightHight:0,
    loadMoreData:false,
    // pageNum:1,
    // pageSize:30,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.initData();
    // this.data.loadMoreData =true;
    // getPosts(1,30).then(res=>{
    //   console.log(res);
    //   if(res.data.code==0){
    //     const postsList = res.data.rows
    //     this.data.postsList = postsList;
    //     // 调用
    //     this.handleList()
    //     this.setData({
    //       loading:false
    //     })



        // const leftList = [];
        // const rightList = [];

        // const item = list.shift();
        // wx.getImageInfo({
        //  src:item.coverImgUrl,
        //  success:(res)=>{
        //   if(leftHight <= rightHight){
        //     leftList.push(item)
        //     leftHight += res.height / res.width
        //   } else{
        //     rightHight.push(item)
        //     rightHight += res.height / res.width
        //   }
        //  },
        //  complete:()=>{
        //    this.setData({
        //      leftList,
        //      rightList,
        //      leftHight,
        //      rightHight,
        //    })
        //    this.handleList();
        //  }
        // })



        // list.forEach((item,index)=>{
        //   if(index % 2==0){
        //     leftList.push(item)
        //   }else{
        //     rightList.push(item)
        //   }
        // })
        // this.setData({
        //   postsList:res.data.rows,
        //   loading:false,
        //   leftList:leftList,
        //   rightList:rightList
        // })
      
   
  },

  initData(){
    this.data.loadMoreData =true;
    getPosts(this.data.pageNum,this.data.pageSize).then(res=>{
      console.log(res);
      if(res.data.code==0){
        const postsList = res.data.rows
        this.data.postsList = postsList;
        // 调用
        this.handleList()
        this.setData({
          loading:false
        })
      }
    })

  },



  handleList(){
    let { leftList,
      rightList,
      leftHight,
      rightHight,postsList } = this.data;
    // 递归出口在哪里
    if(postsList.length == 0){
      this.data.loadMoreData = false
      return;
    }
   
        const item = postsList.shift();
        wx.getImageInfo({
         src:item.coverImgUrl,
         success:(res)=>{
          if(leftHight <= rightHight){
            leftList.push(item)
            leftHight += res.height / res.width
          } else{
            rightList.push(item)
            rightHight += res.height / res.width
          }
         },
         complete:()=>{
           this.setData({
             leftList,
             rightList,
             leftHight,
             rightHight,
            //  postsList
           })
           this.handleList();
         }
        })

  },





  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // wx.setTabBarStyle({
    //   backgroundColor: '#ed5761',
    // })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    // wx.setTabBarStyle({
    //   backgroundColor: '#000000',
    // })
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.data.loadMoreData){
      return
    }
    this.data.pageNum += 1;
    this.initData()

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})